<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>按钮</title>
	<style>
	       body{
	       	background-color:black;
	       }
		  .box{
		  	width:100px;
		  	height:50px;
		  	background:red;
		  	border:2px #fff solid;
		  	margin:50px auto;
		  	text-align:center;
		  	color:#fff;
		  	line-height:50px;
		  	border-radius:10px;
		  }
		  .box:hover{
		  	box-shadow:0 0 50px red;
		    text-shadow:0 0 5px black;
		  }
	</style>
</head>
<body>
	  <div class="box">button</div>
</body>
</html>